<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
<head>	
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Oh! Point</title>
	<link rel="stylesheet" type="text/css" href="css/common.css" />
	<script type="text/javascript" src="js/jquery-1.9.1.js"></script>
	<script type="text/javascript" src="js/jquery.custom_radio_checkbox.js"></script>
	<script type="text/javascript" src="js/ui_script.js"></script>
	<script type="text/javascript" src="js/jquery.easing.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="text/javascript" src="js/sub.js"></script>
</head>
 
<body class="myoh">
	<div id="wrap">					
		<div id="header">			
			<div id="head01">				
				<!-- Skip To Content -->				
				<a href="#cont" class="skip">메뉴 건너 뛰기</a>				
				<!-- /Skip To Content -->
				<div class="mainTit fix">
					<h1><img src="images/main/logo.png" alt="Oh! Point" /></h1>
					<p><img src="images/main/logo_txt.png" alt="포인트를 쓰면 포인트가 쌓인다." /></p>
				</div>
				<div class="quickMenu">
					<ul class="quick fix">
						<li><a href="#"><img src="images/main/quick_menu_01.png" alt="My Oh!" /></a></li>
						<li><a href="#"><img src="images/main/quick_menu_02.png" alt="카드등록" /></a></li>
						<li><a href="#"><img src="images/main/quick_menu_03.png" alt="모바일카드" /></a></li>
						<li><a href="#"><img src="images/main/quick_menu_04.png" alt="고객센터" /></a></li>
					</ul>
				</div>		
				<!-- login -->
				<form method="post" action="">
					<fieldset>
					<legend>로그인</legend>
					<div class="login">
						<div class="loginBox">
							<label class="blind" for="wrtUserId">아이디</label><input type="text" name="wrtUserId" id="wrtUserId" />
							<label class="blind" for="wrtUserPasswd">비밀번호</label><input type="password" name="wrtUserPasswd" id="wrtUserPasswd" />							
						</div>
						<input type="image" src="images/main/btn_login.png" title="로그인" alt="로그인" class="btn_login" />
						<div class="memberReg">
							<p>
								<a href="#"><img src="images/main/member_reg.png" width="55" alt="회원가입" /></a>
							</p>
							<ul>
								<li><a href="#"><img src="images/main/sch_id.png" alt="아이디 찾기" /></a></li>
								<li class="last"><a href="#"><img src="images/main/sch_passwd.png" alt="비밀번호 찾기" /></a></li>
							</ul>
						</div>
					</div>
					</fieldset>
				</form>	
				<!-- // login -->
				<!-- logout -->
				<div class="logout" style="display:block;">
					<div class="logoutBox normalBox"><!-- vip회원의 경우 class에 normalBox대신 vipBox를 써준다 -->
						<span class="normal"></span><!-- vip회원의 경우 class에 normal대신 vip를 써준다 -->
						<p class="msgBox bgNormal fix"><!-- vip회원의 경우 class에 bgNormal대신 bgVip를 써준다 -->			
							<span class="msg">고수진님은 일반회원입니다</span>							
						</p>						
						<span class="log">4</span>
						<div class="pointWrap fix">
							<p class="pointBox fix">											
								<span class="p2"><span class="blind">2</span></span>
								<span class="p8"><span class="blind">8</span></span>
								<span class="p0"><span class="blind">0</span></span>
								<span class="comma"><span class="blind">,</span></span>
								<span class="p5"><span class="blind">5</span></span>			
								<span class="p0"><span class="blind">0</span></span>
								<span class="p0"><span class="blind">0</span></span>		
							</p>
							<span class="point"><span class="blind">point</span></span>
						</div>
						<p class="info">
							<span><a href="#"><img src="images/main/btn_logout.png" alt="로그아웃" /></a></span>
							<span><a href="#"><img src="images/main/btn_inforeg.png" alt="개인정보수정" /></a></span>				
						</p>						
						<span class="infoMore"><a href="#"><img src="images/main/btn_more_vip.png" alt="우수회원정보 더보기" /></a></span><!-- vip회원일 경우 display:block해서 사용한다 -->
						<span class="infoMore" style="display:block;"><a href="#"><img src="images/main/btn_more_normal.png" alt="일반회원정보 더보기" /></a></span><!-- vip회원일 경우 display:none해서 사용한다 -->
					</div>
				</div>
				<!-- // logout -->
				<div class="toggle">
					<ul>
						<li class="tg01"><a href="#"></a></li>
						<li class="tg02 on"><a href="#"></a></li>
						<li class="tg03"><a href="#"></a></li>
					</ul>
					<span></span>
				</div>
				<!-- 배너영역 login전 -->
				<div class="bannerBox out">
					<ul class="banner">
						<li>
							<p class="txt"><img src="images/main/banner_txt01.png" alt="특별한 혜택을 누릴 수 있는 오포인트 우수회원" /></p>
							<p class="icon"><img src="images/main/banner_icon01.png" alt="우수" /></p>
						</li>
						<li class="last">
							<p class="txt"><img src="images/main/banner_txt02.png" alt="오포인트 백배즐기기 오포인트 활용팁" /></p>
							<p class="icon"><img src="images/main/banner_icon02.png" alt="Tip" /></p>
						</li>
					</ul>
				</div>
				<!-- // 배너영역 login전 -->				
				<!-- 배너영역 login후 -->
				<div class="bannerBox in" style="display:block;">
					<ul class="banner">
						<li>
							<p class="txt"><img src="images/main/banner_txt01.png" alt="특별한 혜택을 누릴 수 있는 오포인트 우수회원" /></p>
							<p class="icon"><img src="images/main/banner_icon01.png" alt="우수" /></p>
						</li>
						<li class="iconTxt">
							<p class="icon normal"><span class="blind">카트 아이콘</span></p><!-- vip회원의 경우 class에 normal대신 vip를 써준다 -->
							<p class="txt">11번가, 최대 50%할인 11%청구할인!</p><!-- vip회원의 경우 메세지도 vip용으로 바뀌어야함 -->
						</li>
					</ul>
				</div>
				<!-- // 배너영역 login후 -->
			</div>
		</div>
		<div id="head02">
			<div class="head02_01 fix">
				<!-- Skip To Content -->				
				<a href="#cont" class="skip">메뉴 건너 뛰기</a>				
				<!-- /Skip To Content -->
				<strong><img src="images/main/logo_top.png" alt="Oh! point" /></strong>
				<ul>
					<li><a href="#"><img src="images/main/quick_top_menu_01.png" alt="My Oh!" /></a></li>
					<li><a href="#"><img src="images/main/quick_top_menu_02.png" alt="카드등록" /></a></li>
					<li><a href="#"><img src="images/main/quick_top_menu_03.png" alt="모바일카드" /></a></li>
					<li><a href="#"><img src="images/main/quick_top_menu_04.png" alt="고객센터" /></a></li>
				</ul>
			</div>
		</div>
		
		<div class="commonArea">
			<div class="commonAreaWrap">
				<div class="slideCon">
					<div id="containerBanner">
						<div class="bannerWrap">			
							<div class="mainBanner">
								<ul class="menuBanner">
									<li class="on"><a href="#"><img src="images/tit_banner01_on.png" alt="Oh! point 모바일카드" /></a></li>
									<li><a href="#"><img src="images/tit_banner02_off.png" alt="라운.G 컬처 서비스" /></a></li>
									<li><a href="#"><img src="images/tit_banner03_off.png" alt="90만원의 쿠폰북 혜택" /></a></li>
									<li><a href="#"><img src="images/tit_banner04_off.png" alt="11번가에서 혜택을!" /></a></li>
									<li class="last"><a href="#"><img src="images/tit_banner05_off.png" alt="genie 뮤직서비스" /></a></li>
								</ul>								
								<div class="bigBannerA">
									<ul>
										<li>
											<p class="img"><img src="images/banner_01.png" alt="Oh! 할인과적립을 동시에P+" /></p>
											<p class="txt">
												<img src="images/banner_txt.png" alt="Oh! point 내손안의 카드 오!포인트 모바일카드 오!포인트가 드리는 편리한 혜택을 만나세요." />
												<strong><a href="#"><img src="images/btn_moreinfo.png" alt="자세히보기" /></a></strong>
											</p>
										</li>
									</ul>
								</div>					
							</div>			
						</div>
					</div>
					<div id="containerGnb">
						<div class="gnbWrapNew">
							<div class="gnb">
								<a href="#" class="open on"></a>
								<span class="bg_shadow bg01"></span>
								<span class="bg_brown br01" style="left:376px"></span>
								<span class="bg_shadow bg02"></span>
								<span class="bg_brown br02" style="left:643px"></span>
								<span class="bg_box" style="left:634px"></span>
								<div class="gnbWrap">
									<span class="all"><a href="#"><img src="images/main/icon_gnball.png" alt="메뉴 전체보기" /></a></span>
									<div class="gnbAllWrap">
										<ul class="gnbAll">
											<li class="w244">
												<p><img src="images/main/gnball_m1.png" alt="이벤트&amp;혜택" /></p>
												<ul>
													<li><a href="#">오!포인트 이벤트</a></li>
													<li><a href="#">제휴사 이벤트</a></li>	
													<li><a href="#">혜택</a></li>
												</ul>								
											</li>
											<li class="w244">
												<p><img src="images/main/gnball_m2.png" alt="온라인매장" /></p>
												<ul>
													<li><a href="#">제휴브랜드</a></li>
													<li><a href="#">가맹점 찾기</a></li>	
												</ul>
											</li>
											<li class="w244">
												<p><img src="images/main/gnball_m3.png" alt="오프라인매장" /></p>
												<ul>
													<li><a href="#">제휴브랜드</a></li>
													<li><a href="#">가맹점 찾기</a></li>	
												</ul>
											</li>
											<li class="w244 pr0">
												<p><img src="images/main/gnball_m4.png" alt="카드신청" /></p>
												<ul>
													<li><a href="#">멤버십카드</a></li>
													<li><a href="#">제휴 멤버십카드</a></li>	
													<li><a href="#">카드 등록</a></li>	
												</ul>								
											</li>
											<li class="w244">
												<p><img src="images/main/gnball_m5.png" alt="우수회원" /></p>
												<ul>
													<li><a href="#">우수회원 혜택안내</a></li>
													<li><a href="#">Oh My 혜택</a></li>	
												</ul>
											</li>
											<li class="w244">
												<p><img src="images/main/gnball_m6.png" alt="My oh!" /></p>
												<ul class="m6">
													<li><a href="#">모아보기</a></li>
													<li><a href="#">My 응모이벤트</a></li>	
													<li><a href="#">My 포인트</a></li>	
													<li><a href="#">포인트사용 비밀번호</a></li>	
													<li><a href="#">My 카드</a></li>	
													<li><a href="#">개인정보수정</a></li>	
												</ul>
											</li>
											<li class="w244">
												<p><img src="images/main/gnball_m7.png" alt="이용안내" /></p>
												<ul class="m7">
													<li><a href="#">쉬운 이용가이드</a></li>
													<li><a href="#">포인트 활용팁</a></li>	
													<li><a href="#">올레클럽 별전환</a></li>	
													<li><a href="#">모바일 서비스</a></li>					
												</ul>
											</li>
											<li class="w244 pr0">
												<p><img src="images/main/gnball_m8.png" alt="고객센터" /></p>
												<ul>
													<li><a href="#">공지사항</a></li>
													<li><a href="#">FAQ</a></li>	
													<li><a href="#">1:1 상담</a></li>	
												</ul>
											</li>																
										</ul>
									</div>
									<div class="scrollWrap">
										<div class="gnbmask">
											<ul class="gnbPart">
												<li>
													<a href="javascript:;"><img src="images/main/gnb_m1.png" alt="이벤트&amp;혜택" /></a>
													<ul class="sub1">
														<li><a href="#"><img src="images/main/gnb_s1_1.png" alt="오포인트 이벤트" /></a></li>
														<li><a href="#"><img src="images/main/gnb_s1_2.png" alt="제휴사 이벤트" /></a></li>
														<li><a href="#"><img src="images/main/gnb_s1_3.png" alt="혜택" /></a></li>	
													</ul>											
												</li>
												<li class="no_bg">
													<a href="javascript:;"><img src="images/main/gnb_m2.png" alt="온라인매장" /></a>										
													<ul class="sub2">
														<li><!--하위메뉴생성되었을때 사용--></li>
													</ul>
												</li>
												<li>
													<a href="javascript:;"><img src="images/main/gnb_m3.png" alt="오프라인매장" /></a>
													<ul class="sub3">
														<li><a href="#"><img src="images/main/gnb_s3_1.png" alt="제휴 브랜드" /></a></li>
														<li><a href="#"><img src="images/main/gnb_s3_2.png" alt="가맹점 찾기" /></a></li>	
													</ul>											
												</li>
												<li>
													<a href="javascript:;"><img src="images/main/gnb_m4.png" alt="카드신청" /></a>
													<ul class="sub4">
														<li><a href="#"><img src="images/main/gnb_s4_1.png" alt="멤버십카드" /></a></li>
														<li><a href="#"><img src="images/main/gnb_s4_2.png" alt="제휴 멤버십카드" /></a></li>
														<li><a href="#"><img src="images/main/gnb_s4_3.png" alt="카드등록" /></a></li>
													</ul>
												</li>
												<li class="last">
													<a href="javascript:;"><img src="images/main/gnb_m5.png" alt="우수회원" /></a>
													<ul class="sub5">
														<li><!--하위메뉴생성되었을때 사용--></li>
													</ul>
												</li>
											</ul>
										</div>
										<span class="arrowLeft"><a href="javascript:;"><img src="images/main/icon_arrow_left.png" alt="왼쪽으로 이동" /></a></span>
										<span class="arrowRight"><a href="javascript:;"><img src="images/main/icon_arrow_right.png" alt="오른쪽으로 이동" /></a></span>
									</div>
								</div>
							</div>
						</div>
					</div>
					<!-- 컨텐츠영역 시작 -->
					<div id="containerCont">
						<div id="cont" class="content realCont fix">
							<div class="leftMenu">
								<h2 class="title_eng">
										My oh!
								</h2>
								<!-- 2014-05-15 depth1, depth2 클래스 추가 -->
								<ul class="depth1">
									<li><a href="#">모아보기</a></li>
									<li>
										<a href="#">My 포인트</a>
										<span class="open"><img src="images/icon_lnbmore.png" alt="하위메뉴 펼치기" /></span>
										<ul class="depth2">
											<li class="current"><a href="#">포인트 이용내역</a></li>
											<li><a href="#">합산가능 포인트 조회</a></li>	
										</ul>
									</li>
									<li><a href="#">My 카드</a><span class="open"><img src="images/icon_lnbmore.png" alt="하위메뉴 펼치기" /></span>
										<ul class="depth2">
											<li><a href="#">카드목록</a></li>
											<li><a href="#">카드등록</a></li>
											<li><a href="#">선불카드</a></li>
										</ul>
									</li>
									<li><a href="#">My 응모 이벤트</a></li>
									<li><a href="#">포인트사용 비밀번호</a><span class="open"><img src="images/icon_lnbmore.png" alt="하위메뉴 펼치기" /></span>
										<ul class="depth2">
											<li><a href="#">온라인 비밀번호 변경/설정</a></li>
											<li><a href="#">오프라인 비밀번호 변경</a></li>											
										</ul>
									</li>
									<li><a href="#">나의 정보수정</a><span class="open"><img src="images/icon_lnbmore.png" alt="하위메뉴 펼치기" /></span>
										<ul class="depth2">
											<li><a href="#">개인정보수정</a></li>
											<li><a href="#">비밀번호 변경</a></li>	
											<li><a href="#">웹회원 탈퇴</a></li>	
										</ul>
									</li>
								</ul>
								<ul class="smallBanner">
									<li class="bg1">
										<strong><img src="images/smallbanner_txt1.png" alt="사용등록" /></strong>
										<p><img src="images/smallbanner_txt1_1.png" alt="알뜰하고 꼼꼼한 혜택 지킴이" /></p>
									</li>
									<li class="bg2">
										<strong><img src="images/smallbanner_txt2.png" alt="카드신청" /></strong>
										<p><img src="images/smallbanner_txt2_1.png" alt="언제 어디서나 즐거운 멤버십 카드" /></p>
									</li>
									<li class="bg3">
										<strong><img src="images/smallbanner_txt3.png" alt="가맹점찾기" /></strong>
										<p><img src="images/smallbanner_txt3_1.png" alt="원하시는 가맹점을 찾아보세요" /></p>
									</li>
									<li class="bg4">
										<strong><img src="images/smallbanner_txt4.png" alt="나의 포인트" /></strong>
										<p><img src="images/smallbanner_txt4_1.png" alt="내 포인트는 몇점? 알뜰살뜰한 혜택관리" /></p>
									</li>
									<li class="bg5">
										<strong><img src="images/smallbanner_txt5.png" alt="'별'전환" /></strong>
										<p><img src="images/smallbanner_txt5_1.png" alt="올레클럽 '별'을 오!포인트로 전환" /></p>
									</li>
									<li class="custCenter">
										<p><img src="images/img_customercenter.png" alt="오!포인트 고객센터 평일:9:00~18:00 토/일/공휴일휴무" /></p>
										<strong><img src="images/img_customerphone.png" alt="1899-0005" /></strong>
									</li>
								</ul>							
							</div>
							<div class="rightCont">				
								<!-- location menu -->
								<div class="location">
									<a class="home" href="#"><img src="images/ico/icon_home2.png" alt="HOME" /></a>
									<a href="#">My Oh!</a>
									<a href="#">My 포인트</a>
									<span>포인트 이용내역</span>
								</div>
								<!-- // location menu -->
								<h3 class="title_sub">포인트 이용내역</h3><!-- 2014-05-07 insert h3 -->
								<div class="mpoint_wrap01">
									<div class="mpoint_box01">
										<!-- <p style="height:26px;"><img src="images/myoh/txt03.png" alt="조회기간 내 총 누적" /></p> -->
										<p class="stit">My 포인트</p>
										<div class="pointWrap2 fix">
											<p class="pointBox2 fix">											
												<span class="Rp1"><span class="blind">1</span></span>
												<span class="Rcomma"><span class="blind">,</span></span>
												<span class="Rp7"><span class="blind">7</span></span>
												<span class="Rp2"><span class="blind">2</span></span>
												<span class="Rp0"><span class="blind">0</span></span>
												<span class="Rcomma"><span class="blind">,</span></span>
												<span class="Rp5"><span class="blind">5</span></span>			
												<span class="Rp0"><span class="blind">0</span></span>
												<span class="Rp0"><span class="blind">0</span></span>
												<span class="Rpoint2"><span class="blind">point</span></span>
											</p>
										</div>
									</div>
									<div class="pinfo_box01">
										<ul>
											<li>
												<span class="stit"><img src="images/myoh/txt01.png" alt="적립예정 포인트" /></span>
												<span class="price">2,520,000</span>
											</li>
											<li>
												<span class="stit"><img src="images/myoh/txt02.png" alt="사용예정 포인트" /></span>
												<span class="price"><img src="images/myoh/icon_minus.png" alt="" /> 800,000</span>
											</li>
										</ul>
										<dl>
											<dt>오!포인트와 함께<br/>
												사용 가능한 은행 포인트를<br/>
												조회합니다.</dt>
											<dd><a href="#"><img src="images/myoh/btn_search_point.png" alt="합산 포인트 조회" /></a></dd>
										</dl>
									</div>
								</div>
								<div class="gray_sel_box">
									<dl>
										<dd class="inp_area">
											<span class="fl">
												<select class="ty2" style="width:68px;" title="년 선택">
													<option>2014</option>
												</select>
											</span>
											<span class="txt1">년</span>
											<span class="fl">
												<select class="ty2" style="width:68px;" title="월 선택">
													<option>04</option>
												</select>
											</span>
											<span class="txt1">월</span>
											<span class="txt2">~</span>
											<span class="fl">
												<select class="ty2" style="width:68px;" title="년 선택">
													<option>2014</option>
												</select>
											</span>
											<span class="txt1">년</span>
											<span class="fl">
												<select class="ty2" style="width:68px;" title="월 선택">
													<option>04</option>
												</select>
											</span>
											<span class="txt1">월</span>
										</dd>
										<dd class="btn_area">
											<a href="#">1개월</a>
											<a href="#">2개월</a>
											<a href="#">3개월</a>
										</dd>
										<dd><a href="#"><img src="images/myoh/btn_search.png" alt="기간 조회하기" /></a></dd>
									</dl>
								</div>
								<div class="total_box_wrap">
									<div class="total_l">
										<!-- <p style="height:26px;"><img src="images/myoh/txt03.png" alt="조회기간 내 총 누적" /></p> -->
										<p class="stit">조회기간 내 총 누적</p>
										<p class="date">2014년 4월~ 2014년 5월</p>
									</div>
									<div class="total_r">
										<dl>
											<dt>적립포인트</dt>
											<dd class="plus">
												<img src="images/myoh/icon_plus.png" alt="" class="icon01" />2,520,000<img src="images/myoh/icon_p_red.png" alt="" class="icon02" />
											</dd>
										</dl>
										<dl>
											<dt>사용포인트</dt>
											<dd class="minus">
												<img src="images/myoh/icon_minus2.png" alt="" class="icon01" />800,000<img src="images/myoh/icon_p_brown.png" alt="" class="icon02" />
											</dd>
										</dl>
									</div>
								</div>
								<!-- 포인트 이용내역 -->				
								<div><!-- 2014-05-12 style삭제 -->
									<div class="titFix2">
										<h3>포인트 이용내역</h3>
										<span class="tDesc">날짜를 조회하여 이용내역을 확인하세요.</span>
									</div>
								</div>
								<div class="tab01_01">
									<ul>
										<li class="tab01 on">
											<a href="#">전체 포인트</a>
											<p>전체 포인트</p>
										</li>
										<li class="tab02">
											<a href="#">적립 포인트</a>
											<p>적립 포인트</p>
										</li>
										<li class="tab03">
											<a href="#">사용 포인트</a>
											<p>사용 포인트</p>
										</li>
										<li class="tab04">
											<a href="#">소멸 예정 포인트</a>
											<p>소멸 예정 포인트</p>
										</li>
										<li class="tab05"><img src="images/myoh/tab01_last.png" alt="" /></li>
									</ul>
								</div>
								<div class="point_tb_wrap">
									<div class="tb_inner">
										<table cellspacing="0" cellpadding="0" class="board_use01" summary="전체 포인트 테이블로 NO, 거래일, 이용가맹점, 적립포인트, 사용포인트, 유효기간의 항목으로 구성되어 있습니다.">
											<caption>전체 포인트</caption>
											<colgroup>
											<col width="65" />
											<col width="90" />
											<col width="150" />
											<col width="85" />
											<col width="85" />
											<col width="150" />
											<col width="*" />
											</colgroup>
											<thead>
											<tr>
												<th scope="col" rowspan="2">NO.</th>
												<th scope="col" rowspan="2">거래일</th>
												<th scope="col" rowspan="2">이용가맹점</th>
												<th scope="col" colspan="2">적립포인트</th>
												<th scope="col" rowspan="2">사용포인트</th>
												<th scope="col" rowspan="2">유효기간</th>
											</tr>
											<tr class="line2">
												<th scope="col">사용가능</th>
												<th scope="col">적립예정</th><!-- 2014-05-10 th명 변경 -->
											</tr>
											</thead>
											<tbody>
											<tr class="first"><!-- 2014-05-07 insert class -->
												<td>7</td>
												<td>2014.03.25</td>
												<td>GS 논현점</td>	
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>2014.03.25</td>
											</tr>
											<tr>
												<td>6</td>
												<td>2014.03.25</td>
												<td>GS 논현점</td>	
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>2014.03.25</td>
											</tr>
											<tr>
												<td>5</td>
												<td>2014.03.25</td>
												<td>GS 논현점</td>	
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>2014.03.25</td>
											</tr>
											<tr>
												<td>4</td>
												<td>2014.03.25</td>
												<td>GS 논현점</td>	
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>2014.03.25</td>
											</tr>
											<tr>
												<td>3</td>
												<td>2014.03.25</td>
												<td>GS 논현점</td>	
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>2014.03.25</td>
											</tr>
											<tr>
												<td>2</td>
												<td>2014.03.25</td>
												<td>GS 논현점</td>	
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>2014.03.25</td>
											</tr>
											<tr class="last"><!-- 2014-05-07 insert class -->
												<td>1</td>
												<td>2014.03.25</td>
												<td>GS 논현점</td>	
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>1,000,000 P</td>
												<td>2014.03.25</td>
											</tr>
											</tbody>
										</table>
									</div>
								</div>				
								<!-- paging -->
								<div class="paging_type2 fix fr" style="display:none;"><!-- 2014-05-10 display:block해서 사용하세요 -->
									<div class="pag_btn">
										<a href="#"><img src="images/btn/btn_prev2.png" alt="이전페이지" /></a><a href="#"><img src="images/btn/btn_next2.png" alt="다음페이지" /></a>
									</div>					
								</div>
								<!-- //paging -->
								<!-- 2014-05-12 paging dimmed 추가 -->
								<div class="paging_type2 fix fr" style="display:block;"><!-- 2014-05-10 display:none해서 사용하세요 -->
									<div class="pag_btn_dimmed">
										<img src="images/btn/btn_prev2_dimmed.png" alt="이전페이지" /><img src="images/btn/btn_next2_dimmed.png" alt="다음페이지" />
									</div>					
								</div>
								<!-- //paging dimmed -->
								<!-- //2014-05-12 paging dimmed 추가 -->
								<div class="txt_box_ty1 mt43"><!-- 2014-05-10 class추가 -->
									<ul>
										<li>회원님께서 적립하신 포인트는 가맹점 정산을 거친 후 사용 가능한 포인트로 전환됩니다.<br/>
											사용가능한 포인트로의 전환은 사용예정포인트로 적립된 익익월 초에 이루어집니다.<br/>
											단, 제휴사와의 정산 완료 시점에 따라 제휴사별 포인트 가용화 시점이 변경될 수 있습니다.</li>
										<li>제휴카드의 경우, 발급받으신 카드정보가 시스템에 등록될 때 까지(약1~2주) 해당 카드로 적립한 내역 및 카드정보가 보이지 않을 수 있으나,<br/>
											시스템에 등록이 완료되면 다른 카드로 적립한 포인트와 동일하게 포인트로 합산됩니다.<br/>
											1~2주 후에도 카드 및 포인트적립 내역이 조회되지 않을 경우, 고객센터(1899-0005)로 연락주시기 바랍니다.</li>
										<li>올레클럽 '별'전환 적립으로 전환된 Oh! point는 제휴 정책을 준용하여 ‘별’의 유효기간을 승계하여 적용합니다.</li>
									</ul>
								</div>
								<!-- //포인트 이용내역 -->											
							</div>
						</div>			
					</div>
					<!-- //컨텐츠영역 종료 -->
				</div>
				<!-- //slideCon -->
				<div class="slideCon">
					<div id="operationGuide" class="commonArea2" style="background:#ddd;width:100%;">
						<div class="guide_wrap mobileService05">
							<div class="guide_btn_wrap fix">
								<div class="icon_gnball">
									<a href="#"><img src="images/ico/icon_gnball.png" alt="" /></a>
								</div>
								<div class="btn_ohpoint_wrap">
									<div class="btn_ohpoint">
										<a href="#"><img src="images/btn/btn_ohpoint_down.png" alt="Oh! point란?" /></a>
									</div>
									<div class="btn_ohpoint_cont">
										<p><!-- Oh! point란?내용이 들어가는 자리 --></p>
									</div>
								</div>
							</div>
							<div class="tab_guide_top_list fix">
								<span class="arrTop"><img src="images/ico/icon_arrow_up7.png" alt="" /></span>
								<ul>	
									<li><a href="#"><img src="images/guide/tab_guide_top01.png" alt="쉬운이용가이드" /></a></li>
									<li><a href="#"><img src="images/guide/tab_guide_top02.png" alt="포인트 활용팁" /></a></li>
									<li><a href="#"><img src="images/guide/tab_guide_top03.png" alt="올레클럽 별전환" /></a></li>
									<li class="last"><a href="#"><img src="images/guide/tab_guide_top04_on.png" alt="모바일서비스" /></a></li>
								</ul>
							</div>
							<!-- 모바일서비스 시작 -->
							<div class="tab_guide_top_cont mobileServiceCont fix">
								<div class="mobileService_wrap fix">
									<div class="phone_box">
										<div class="phone_screen_box01"></div><!-- phone_screen_box01~05번이 하단 slide_page_background page01~05와 함께 사용됨 -->	
										<div class="phone_screen_box03"></div>	
										<div class="phone_screen_box04"></div>	
										<div class="phone_screen_box05"></div>	
									</div>									
									<div class="phone_screen_box02" style="display:none">
										<div class="phone_hand"></div>
										<div class="phone_screen_box02_txt"></div>
										<div class="phone_hand_first"></div>
									</div>
									<span class="slide_prev_btn"><a href="#"></a></span>
									<span class="slide_next_btn"><a href="#"></a></span>
									<div class="slider_box_wrapper fix">
										<div class="liquid-slider">											
											<div class="panel_container">
												<div class="slide_page_background page05" style="display:block;">
													<!-- 탭 -->
													<ul class="tab_balloon">
														<li><a href="#"><img src="images/guide/img_tab_mobile01_on.png" alt="oh! point 모바일웹" /></a></li>
														<li><a href="#"><img src="images/guide/img_tab_mobile02_off.png" alt="oh! point App" /></a></li>
													</ul>
													<!-- //탭 -->
													<div>
														<p><img src="images/guide/img_mobile_txt05.png" alt="" /></p><!-- 텍스트 이미지 img_mobile_txt04~05까지 사용 -->
														<p class="ms_qr">
															<img src="images/guide/img_tab_mobile01_qrcode.png" alt="모바일 웹 방문은 QR코드를 스캔하시거나 모바일에서 아래 주소를 입력해 주세요. http://m.ohpointcard.com" /><!-- 모바일웹탭이 눌렸을때 보여지는 qr코드 -->
															<img src="images/guide/img_tab_mobile02_qrcode.png" alt="모바일 앱은 QR코드를 스캔하시거나 앱스토어에서 오!포인트로 검색하신 후 다운로드 가능 합니다." style="display:none;" /><!-- App탭이 눌렸을때 보여지는 qr코드 -->
														</p>
													</div>
												</div>
											</div>
										</div>
									</div>
									<div class="mobileService_paging">
										<span><a href="#"><img src="images/ico/icon_paging_on.png" alt="" /></a></span>
										<span><a href="#"><img src="images/ico/icon_paging_off.png" alt="" /></a></span>
										<span><a href="#"><img src="images/ico/icon_paging_off.png" alt="" /></a></span>
									</div>
								</div>
							</div>
							<script type="text/javascript">
							
							</script>
							<!-- //모바일서비스 종료 -->
						</div>						
					</div>
				</div>
				<!-- //slideCon -->
			</div>
			<!-- //commonAreaWrap -->
		</div>
		<!-- //commonArea -->

		<div id="footerWrap">
			<div id="noticeWrap">
				<div class="notice">
					<div class="no1">
						<span><strong>[공지]</strong> Oh! point 선불카드 재발급 종료안내</span>
						<span><img src="images/main/icon_new.png" alt="새로운글" /></span>
					</div>
					<div class="no2">
						<span><strong>[공지]</strong> 11번가 신세계상품권 이벤트 당첨자 발표</span>						
					</div>
					<div class="no3">
						<span><strong>[공지]</strong> 우리 다모아카드 이벤트 당첨자 발표 </span>					
					</div>
				</div>
			</div>
			<div id="footer">
				<div class="footerInfo">
					<h2><img src="images/main/logo_bottom.png" alt="Oh! POINT" /></h2>
					<div class="fInfo fix">
						<ul class="infoList">
							<li><a href="#">이용약관</a></li>
							<li><a href="#">개인(신용)정보동의</a></li>
							<li><a href="#">법적고지</a></li>
							<li><a href="#">이메일무단수집거부</a></li>
							<li><a href="#">개인정보취급방침</a></li>
							<li><a href="#">사업제휴문의</a></li>
						</ul>
					</div>
					<div class="addr fix">	
						<address>
							<span>
								<img src="images/main/img_addr.png" alt="서울특별시 서초구 효령로 275 (서초동, 비씨카드(주))" />
							</span>
							<span>
								<img src="images/main/img_businessnum.png" alt="사업자번호 214-81-37726" />
							</span>
							<span class="last">
								<img src="images/main/img_addr2.png" alt="통신판매업 신고번호 제 1996-서울서초-0011호" />
							</span>							
						</address>
					</div>
					<div class="etcInfo fix">
						<p>
							<img src="images/main/banner_innostar.png" alt="2013년 하반기 이노스타 인증" />
						</p>
						<div class="family func_select">
							<h3>BC card Family site</h3>
							<button type="button" class="btn_sel_g" title="FAMILY SITE를 선택할 수 있습니다.">패밀리 사이트 목록 열기</button>
							<ul class="layer_family blind">
								<li><a href="https://www.bccard.com/" target="_blank" title="새창열림">비씨카드</a></li>
								<li><a href="http://loung.bccard.com/" target="_blank" title="새창열림">라운.G</a></li>
								<li><a href="http://top.bccard.com/" target="_blank" title="새창열림">TOP포인트</a></li>
								<li><a href="http://loung.bccard.com/app/loung/tourSubMain.do" target="_blank" title="새창열림">비씨투어</a></li>
								<li><a href="http://www.ecomoney.co.kr/" target="_blank" title="새창열림">에코머니(그린카드)</a></li>
								<li><a href="http://www.schoolcard.net/" target="_blank" title="새창열림">스쿨카드</a></li>
								<li><a href="http://bcdc.bccard.com/" target="_blank" title="새창열림">BCDC(소셜커머스)</a></li>
								<li><a href="http://wisebiz.bccard.com/" target="_blank" title="새창열림">와이즈비즈(기업)</a></li>
								<li><a href="http://partners.bccard.com/" target="_blank" title="새창열림">파트너스(가맹점)</a></li>
							</ul>
						</div>
					</div>					
				</div>
			</div>
		</div>			
	</div>
</body>
</html>